<template>
	<view class="all-main">
		<view class="main">
			<u-row justify="space-between" gutter="20">
				<u-col span="6">
					<view class="items" @click="toPage(1)">
						借
					</view>
				</u-col>
				<u-col span="6">
					<view class="items two" @click="toPage(2)">
						赠
					</view>
				</u-col>
			</u-row>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			toPage(type) {
				var path = 'borrow'
				if (type == 2) {
					path = 'give'
				}
				uni.navigateTo({
					url: '/pages/version5/index/bill/' + path
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	page {
		background-color: #f3f4f6;
	}

	.main {
		padding: 30rpx;
		.items {
			background-color: #2979ff;
			color: #ffffff;
			text-align: center;
			padding: 100rpx 0;
			font-size: 68rpx;
			border-radius: 20rpx;
		}
		.two {
			background-color: #ff9900;
		}
	}
</style>